How can I make the styles in the rich text editor correspond to the styles on the intranet?

Q:

How can I make the styles in the rich text editor correspond to the styles on the intranet?

A:

First, you must set the WebStylesheet setting in the web.config file to "/layouts/Intranet.SkinStylesheet.html?fld=Stylesheet". This setting is used by the rich text editor, both when using the frontend editor and when using Sitecore's Content Editor.

When using the default styles, you might experience that the background color is different in the frontend editor compared to the Content Editor. Add the following styles in the bottom of the "Stylesheet" field for the skin node:

body { background-color: white }
body#mainpage { background-color: #EBEAE5; }

This way, the rich text editor will use white as background-color, while the intranet pages will use the grayish background-color that is used for the default skin.